<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=7" />
	<title>КАНЦТОВАРИЩ</title>
	<!-- css -->
	<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="stylesheets/jquery.fancybox.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="stylesheets/jquery.parallax.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="stylesheets/blue/style.css" media="screen" />
	
	
	<!-- js -->
	<!-- <script type="text/javascript" src="javascripts/jquery-1.7.2.js"></script> -->
	
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="http://code.goliath5.com/jquery.easing.js"></script> 
	<script type="text/javascript" src="javascripts/jquery.parallax.min.js"></script>
	<script type="text/javascript" src="javascripts/jquery.fancybox.js"></script>
	<script type="text/javascript" src="javascripts/jquery.tablesorter.js"></script>
	<script type="text/javascript" src="javascripts/jquery.autocolumnlist.js"></script>
	<script type="text/javascript" src="javascripts/interface.js"></script>
	
	<!--[if lte IE 7.0]>
		<link href="stylesheets/ie.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	
	<!-- Enable png transparency in IE6 -->
	<!--[if lt IE 7]>
	<script type="text/javascript" src="js/jquery.ifixpng.js"></script>
	<script type="text/javascript">jQuery(document).ready(function(){ jQuery('img[@src$=.png]').ifixpng(); });</script>
	<![endif]-->

	<!-- Disable image toolbar in IE6 -->
	<!--[if lte IE 6]><meta http-equiv="imagetoolbar" content="no" /><![endif]-->

</head>

<body>




	<!-- // PAGE -->
	<div class="page">
		<div class="page-inner">
			<div class="page-container">
		
		<!-- // HEADER -->
		<div class="header_container">
			<div class="header_inner" id="port">
				<a href="/" class="logo" title="Канцтоварищ"></a>
					<div style="width:1024px; height:140px;" class="parallax-layer mount">
						<img style="position:absolute; left:250px; top:20px;" src="images/mount.png" alt="" />
					</div>
					
					<div style="width:1000px; height:170px;" class="parallax-layer plane">
						<img style="position:absolute; left:350px; top:20px;" src="images/plane.png" alt="" />
					</div>
			<!-- tools -->
				<ul class="tools">
					<li class="phone">
						<p>
							<span>8(8672)</span> 54-96-69 <br />
							<span>8(8672)</span> 44-10-36
						</p>
					</li>
					<li class="email">
						<p><a href="mailto:kantstovarish@yandex.ru" >kantstovarish@yandex.ru</a></p>
					</li>
					
					<li class="basket">
						<p class="price">9820.80 <span class="rur">p<span>уб.</span></span></p>
					</li>
					
				</ul>
			
			</div>
			<div class="clear"></div>
			<!-- main menu -->
			<div class="menu_container">
				<div class="main_menu">
					<a href="#" class="m1">ГЛАВНАЯ</a>
					<a href="#" class="m2">КАТАЛОГ</a>
					<a href="#" class="m3 active">ВХОД</a>
				</div>
				<!-- search -->
				<div class="search">
					<form name="1" action="">
						<input type="text" value="поиск товара" id="user_search" class="search-field" onfocus="if (this.value=='поиск товара') {this.value=''; this.className='selected'}" onblur="if (this.value=='') {this.value='поиск товара'; this.className='search-field';}" name="query" />
						<input type="submit" name="" class="search_link" value="" />
					  </form>	
				</div>
				
			</div>
		
		</div>
		
		<!-- HEADER // -->

		<!-- // CONTENT -->
		<div class="wrap"><div class="container">
		<div class="sidebar">
			<a href="#" class="down_price"></a>

			<!-- left menu -->
			<div class="content_menu">
				<img src="images/menu_header.png" alt="" />
				
				<a href="#" class="menu_head">Бумага и бумажная продукция</a>
				<div class="content_hover">
					<a href="#">Бизнес-блокноты</a>
					<a href="#" >Бизнес-органайзеры</a>
					<a href="#" >Блокноты</a>
					<a href="#" >Бумага для записей, закладки</a>
					<a href="#" >Бумага для копировальной техники</a>
					<a href="#" >Бумага для рисования и черчения (папки)</a>
					<a href="#" >Бумага для факса, роллики, ватман, калька</a>
					<a href="#" >Бумага копировальная</a>
					<a href="#" >Бумага писчая</a>
					<a href="#" >Бумага цветная и картон</a>
					<a href="#" >Грамоты, дипломы, благодарности</a>
					<a href="#" >Дневники</a>
					<a href="#" >Ежедневники, планинги</a>
					<a href="#" >Записные книжки, анкеты, дневнички</a>
					<a href="#" >Календари</a>
					<a href="#" >Книги бухгалтерские, бланки</a>
					<a href="#" >Конверты, пакеты</a>
					<a href="#" >Открытки, закладки, расписание</a>
					<a href="#" >Раскраски, вырезалки, тестовые задания</a>
					<a href="#" >Телефонные книги, книги для записи кулинарных рецептов</a>
					<a href="#" >Тетради: предметные, для нот, на кольцах, словарики и тд</a>
					<a href="#" >Этикетки самоклеящиеся, пленки</a>
				</div>
			
				<a href="#" class="menu_head">Офисная техника и аксессуары</a>
				<div class="content_hover">
					<a href="#">1 Офисная техника</a>
					<a href="#">2 Офисная техника</a>
					<a href="#">3 Офисная техника</a>
					<a href="#">4 Офисная техника</a>
					<a href="#">5 Офисная техника</a>
				</div>
				
				<a href="#" class="menu_head">Настольные принадлежности</a>
				<div class="content_hover">
					<a href="#">1 Настольные принадлежности</a>
					<a href="#">2 Настольные принадлежности</a>
					<a href="#">3 Настольные принадлежности</a>
					<a href="#">4 Настольные принадлежности</a>
					<a href="#">5 Настольные принадлежности</a>
				</div>
				
				<a href="#" class="menu_head">Письменные и чертежные принадлежности</a>
				<div class="content_hover">
					<a href="#">1 Письменные</a>
					<a href="#">2 Письменные</a>
					<a href="#">3 Письменные</a>
					<a href="#">4 Письменные</a>
					<a href="#">5 Письменные</a>
				</div>
				
				<a href="#" class="menu_head">Средства хранения и переноски документов</a>
				<div class="content_hover">
					<a href="#">1 Средства хранения</a>
					<a href="#">2 Средства хранения</a>
					<a href="#">3 Средства хранения</a>
					<a href="#">4 Средства хранения</a>
					<a href="#">5 Средства хранения</a>
				</div>
				<br />
				<i></i>
			</div>
			
			
		</div>
		<div class="content">
			<p class="welcome">Добро пожаловать!</p>
			<form name="2" action="">
				<div class="admin_form">
					<dl>
						<dt><h1>Регистрация</h1></dt>
						<dd></dd>
					</dl>
					<dl>
						<dt><label for="name">Имя</label></dt>
						<dd><input id="name" type="text" name="" /> <div class="errors" >Представтесь пожалуйста</div> </dd>
						<!-- Ошибка должна появляться скриптом, а не через стили -->
					</dl>
					<dl>
						<dt><label for="login">Логин</label></dt>
						<dd><input id="login" type="text" name="" /> <div class="errors" >Укажите логин</div> </dd>
					</dl>
					<dl>
						<dt><label for="email">E-mail</label></dt>
						<dd><input id="email" type="text" name="" /> <div class="errors" >Укажите e-mail</div> </dd>
					</dl>
					<dl>
						<dt><label for="address">Адрес</label></dt>
						<dd><input id="address" type="text" name="" /> <div class="errors" >Укажите адрес</div> </dd>
					</dl>
					<dl>
						<dt><label for="phone">Телефон</label></dt>
						<dd><input id="phone" type="text" name="" /> <div class="errors" >Укажите телефон</div> </dd>
					</dl>
					
					
					<div class="submit"><input type="submit" value="Зарегистироваться" class="reg" name="" /></div>
				</div>
			</form>
		</div>

			
			
				
				
		

		</div></div>
		<!-- CONTENT // -->
		<!-- // FOOTER -->
		<div class="footer">
			<div class="webkmv"><a href="http://web-kmv.ru" target="_blank">Разработано в студии “Веб-мастер КМВ”</a></div>
			<div class="copyright">
				<a href="#" >Главная</a> |
				<a href="#" >Каталог</a> |
				<a href="#" >Прайс лист</a>
				<p>&copy; 2012 Интернет-магазин канцтоваров «Канцтоварищ».</p>
			</div>
			
		</div>
		<!-- FOOTER // -->
		<div class="content_shadow"></div>
			</div> <!-- page container // -->
		</div> <!-- page inner // -->
	</div>  <!-- PAGE // -->
		
	
	
	
</body>
</html>
